<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title th:text="#{marketpage.title}"></title>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        
        <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->

		<link rel="stylesheet" href="css/css.css" th:href="@{/css/min.css}"/>            
        <script src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js" th:src="@{http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js}"></script>
        <script th:inline="javascript">/*<![CDATA[*/
        window.jQuery || document.write('<script src="'+ /*[[@{/js/vendor/jquery-1.9.0.min.js}]]*/ 'js/vendor/jquery-1.9.0.min.js'
        		+'"><\/script>')
        /*]]>*/</script>
        <script type="text/javascript" th:src="@{/js/econgen.js}"></script>
        <script type="text/javascript" th:inline="javascript">/*<![CDATA[*/
        /*]]>*/</script>
        
        
        <style type="text/css">
        @font-face {
			font-family: Katakana;
			src: url('MoonBeams-katakana_.TTF');
		}
		#matrix{
			font-family: Katakana;
			width: 100%;
			height: 400px;
			overflow: hidden;
			background: #000;
			background-image: -webkit-gradient(linear, 0% 90%, 0% 100%, from(rgba(0, 255, 0, 0)), to(rgba(0, 255, 0, 0.1)));
			color: rgba(0, 255, 0, .7);
			text-shadow: rgba(255, 255, 255, .8) 0px 0px 4px;
			position: relative;	
		}
		@-webkit-keyframes fade{
		    0%   { opacity: 1; }
		    100% { opacity: 0; }
		}
		@-webkit-keyframes fall{
		   	from {top: -300px;}
			to 	{top: 400px;}
		}


		#matrix div{
			/* writing-mode: tb-rl; - ughh. doesn't work */
			position: absolute;	
			top: 0;
			/* arrearance */
			-webkit-transform-origin: 0%;
			-webkit-transform: rotate(90deg); 
			
			/* animation */
			-webkit-animation-name: fall, fade;			
			-webkit-animation-iteration-count: infinite; /* use 0 to infinite */
			-webkit-animation-direction: normal; /* default is normal. use 'alternate' to reverse direction */
			-webkit-animation-timing-function: ease-out;
		}
		#matrix span{
			color: rgb(0, 255, 0);
			text-shadow: rgb(255, 255, 255) 0px 0px 5px;
		}
		.f1{
			font-size: 1.2em;
		}
		.f2{
			font-size: .9em;
		}
		.c1{
			color: rgba(0, 255, 0, .5);
		}
		.d1{
			-webkit-animation-duration: 4s;
		}
		.d2{
			-webkit-animation-duration: 6s;
		}
		.d3{
			-webkit-animation-duration: 8s;
		}
		.d4{
			-webkit-animation-duration: 10s;
		}
		.de{	
			-webkit-animation-delay: 3s;
		}
        </style>
    </head>
    <body>
        <header th:substituteby="common/template::header"></header>
        <div id="matrix">	
			<div class="d1 c1 de" style="left:1%;">404<span>, </span>page can not <span>be</span> find</div>
			<div class="d3 f1" style="left:5%;">no page found with that <span>url</span></div>
			<div class="d1 f2 c1" style="left:7%;">no<span> much </span>way out, its 404<span>page</span></div>
			<div class="d2 f1" style="left:12%;">I am sorry to show<span> U </span> a 404 page</div>
			<div class="d4 c3 de" style="left:16%;">Econgen.com<span> is </span> a great site<span> in </span> interenet</div>
			<div class="d2 c1" style="left:20%;">404 page, what i pity<span>2</span> see</div>
			<div class="d3 f2 c1" style="left:27%;">i wish<span> U </span>come back</div>
			<div class="d1 c1" style="left:30%;">you<span> may </span> / should be back<span> soon </span>to check</div>
			<div class="d3 de" style="left:35%;">email us about<span> finding </span>any error/mistake</div>
			<div class="d4 f1" style="left:41%;">our<span> only </span>support email is support@econgen.com</div>
			<div class="d2 de" style="left:44%;">forex<span>commission</span> is 95% refund</div>
			<div class="d3 f2" style="left:48%;">Over <span> 95% </span> commission </div>
			<div class="d1 f1" style="left:56%;"> Highly 5% reward for reference </div>
			<div class="d4 c1" style="left:71%;"> technology increacement </div>
			<div class="d2 de" style="left:75%;">unlimited<span> earning</span>money</div>
			<div class="d1 c1 de" style="left:82%;">earning<span> saveing </span>cash<span>@</span>here</div>
			<div class="d3 f2" style="left:88%;"> Please Give Us Advices </div>
			<div class="d2 f1" style="left:93%;">We Need <span>Your</span> Support</div>
		</div>
        <div style="position: absolute; top: 25%; width: 100% ">
       		<h1 style="text-align: center"> Sorry, Can Not Find The Page You Request (404) </h1>
        </div>

        <footer th:substituteby="common/template::footer"></footer>
        
    </body>
</html>
